// components/color/color.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {},
  

  /**
   * 组件的初始数据
   */
  data: {
    color: {
      r: 0,
      g: 0,
      b: 0,
    },
    fullColor: "0,0,0",
  },
  observers: {
    // "color":function(val){
    //   console.log(val,"###")
    // },
    "color.r,color.g,color.b": function (a, b, c) {
      // console.log(a, b, c);
      this.setData({
        fullColor: `${a},${b},${c}`,
      });
    },
  },

  /**
   * 组件的方法列表
   */
  methods: {
    myClick(e) {
      // 接收参数
      let { type } = e.target.dataset;
      //数值累加
      this.data.color[type] += 15;
      //设置边界
      if (this.data.color[type] > 255) {
        this.data.color[type] = 255;
      }
      // console.log(this.data.color, "@@@");
      //渲染到页面
      this.setData({
        color: this.data.color,
      });
    },
  },
});
